

<link rel="stylesheet" href="${theme_base!}/source/css/search.css" type="text/css" media="screen">

 <!-- 封面内容 -->
<div class="search-inner">
    <h2 class="hero-title">${settings.home_title!options.blog_title!}</h2>
    <p class="hero-text">${settings.home_description!}</p>
    <#if settings.enabled_index_cover_height!true>
        <a href="#postContainer"  class="arrow-down" data-scroll><span
                class="screen-reader-text">Scroll Down</span></a>
    </#if>

    <div class="search-main" >
        <div class="search-content">
            <p class="logo">
                <img src="${blog_logo!}">
            </p>

            <div class="search-body" >
                <p class="link">
                    <#if settings.dev_link??>
                        <a href="${settings.dev_link!}"  target="_blank" rel="noopener" title="开发资料">
                            开发资料
                        </a>
                    </#if>
                     <#if settings.blog_link??>
                        <a href="${settings.blog_link!}" target="_blank" rel="noopener" title="我的博客">
                            我的博客
                        </a>
                     </#if>
                </p>

                <div class="search-box" >
                    <form id="search" method="get" action="${blog_url!}/search" role="search">
                        <input class="search-input left" type="text" id="input"   name="keyword" required="true" placeholder="输入命令查询...,如find、du等" maxlength="30" autocomplete="off">
                        <button class="search-btn left">搜一下</button>
                    </form>
                </div>
            </div>

            <div class="main-menu clearfix" >
                <@menuTag method="tree">
                    <#list menus?sort_by('priority') as menu>
                       <#if menu.url?contains("http")>
                            <dl class="left">
                                <#if menu.children?? && menu.children?size gt 0>
                                    <a href="javascript:void(0)" data-ajax target="${menu.target!}" onfocus="this.blur();">${menu.name}</a>
                                <#else >
                                    <a href="${menu.url!}" data-ajax target="${menu.target!}">${menu.name}</a>
                                </#if>
                                <#if menu.children?? && menu.children?size gt 0 >
                                    <dl class="dl-sub-menu">
                                        <#list menu.children?sort_by('priority') as child>
                                            <dd class="dd-sub-menu" >
                                                <a class="menu-link" href="${child.url!}" data-ajax target="${child.target!}" >
                                                    ${child.name}
                                                </a>
                                            </dd>
                                        </#list>
                                    </dl>
                                </#if>
                            </dl>
                       </#if>
                    </#list>
                </@menuTag>
            </div><!--main-menu-->
        </div><!--search-content-->

    </div><!--search-main-->
</div>